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لس حم علرگے, و ردهت /(له و برکازےهے 


من الله ان اكون وفقت في, افادة من اراد تعلم كيفية عمل استايل 


HTML + CSS J بتقنية‎ 


و جعله كما تريد من حيث (الالوان - الصور ..... إل 


ما تحتاجه قى عملم الاستايلم : 


- DremypeadtUVer - ExpF@SssioH Jogeۆێ‎ ) محرر اکواد‎ 1 
. ( NoBepad —- PHPDesigner 

Photoshop-= 2 

3 ان يكون لديك المنتدى جاهز (النسخة مرفوعه) 

4 -ان يكون لديك خبرة بسيطة على الاقل فى ال H1 & ٤55‏ 


أ عداد ٠‏ 


اسراء على أحمد 


E E E E O E E E E O e E O E E E E E E E E RE E E RE EE RE ER E E RR E GO E EE E E aaa... 
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نبدا باذن اللہ تعالى 


الدرس الاول : عمل الاستایل بال مہ یہہ Ph‏ 


1 - نقوم بفتح برنامج ال مہ آیہاہ ۴ اک اصدار 


4 He Edt mage Le Select Re view Wndw Heb | WM FA o >< | ¥ û # | Er jl” | BES * 28. 
a Farag cand | __ [ete rema [e] Specie iU j | Tolerance: Û 32 Ari sls E] Gontigynus 2I ye7 


LC WELO COR BPN NSE A Di F 


2 - نقوم بعمل عمل جدید قياس900 * 700 


Fë Edt Image layer Select Filter View windw Hb | Wl Or #rr| YA F&F | r. Er | ESENIALS ” — # 


Forage ê [Pree nerma | Cpacyı 10i, |* | Tolerances | 12 [Fare-alas Fcorguous CTA Layers 
7 


EWWEL ACORMFSRSNEADD F Fok 


E E E E r E E E E E e E E E O E E E E E E E E E E E RR E RE E E O E E E EE, 


e e mı a n n n a n mm a n mm am mm mm wÎ‏ س س س س س س س س س س س س س س س س س س س س س ج ج ج ج ج ج ج ج ج د د کد س سد س سا 


9 دهذه التحدیده ز 
4 - نقوم بعمل لیر جدید 


ن مساحة الهيدر 


3 


حتى يكون منفصل عن الخلفية 


5 - نقوم بوضع اللون المراد و تعمل بعض الحركات علشان ي 


حلو. 


Esraa Ali Ahmed 


| rege aes OF mer i cm Ce E ce ae ee E ee e E me e ee e ee ee ee e mm eae e e ee e e i ae e e me ee em E e me aa ee ee me i e e e eee ge ee geme ae ee E e mee eee mm ee | 


e e mı a n n n a n mm a n mm am mm mm wÎ‏ س س س س س س س س س س س س س س س س س س س س س ج ج ج ج ج ج ج ج ج د د کد س سد س سا 


4 


GOC 3 ITH 
PaoalttoEerIt 


Esraa Ali Ahmed 


| rug N ess f meer f e eee E e e ee enm ee e meee ll ee E ee ae eee e ee ee e ee e ee e e me i a ee e me eee eme E e me e Cee E ae emme O eg e e ee N ee e a eme ae ee E e me eee em ee | 
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7 - - من الممكن ان نضع مكان لبعض الازرار ولكن هذه الازرار سوف تعمل ولكڪن سوف 
تكون زيادة لانها موجودة و لڪن فى اماڪن اخرڪ 


8- أ- نبدا باختيار ادا ©( Rounded Rectangle tool‏ و نحدد الازرار 


ڪدا يكون الهيدر خلص خلاص 
نبدا فى عمل الفوتر 
نقوم بتحدید مساحة له كما عملنا فى الهيدر 


ونقوم بعمل ۲٥۵۷ا‏ ۷٥١و‏ نضع فیہ اک لون 


E E E E E E O A E O e e O E E E E E E E E RR E E RR I RE E GO ST E E E Ea, 


kk —— —— = mm mm mo mo mm e a n n n n n n n n n n n n n n n n n n n n mn n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n n N n mm mm ÎÎ 
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کو ی ا و و ر OOOO‏ 
کو 2 ےک ےک ی ی وا ےک ےک ی ےا ےکی کے کی ےا یاک ےک ےیک ےک کی ی 2 
0 2 


0 ا د‎ 0 DDS 


0 ا د 0 2 


ا 2 ر 


2 Mi EH 


ا 


ا " 


و شْضل ان يكون الهيدر شبه الفوتر 


ممکن ناخد ٥اراء‏ "مرها رممC‏ من الهیدر ونضعہ فى الفوتر 


ت 


e e mı a n n n a n mm a n mm am mm mm wÎ‏ س س س س س س س س س س س س س س س س س س س س س ج ج ج ج ج ج ج ج ج د د کد س سد س سا 
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r 


3 لbB‏ ا .© 


7 


و ھھھ 


esraaali2100@yahoo.com 
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Esraa Ali Ahmed esraaali2100@yahoo.com www.mycomputer.p2h.info 

Layer Properties... 

5 Blending Options... 

n Edît Adjustment... 

™. 

3 Duplicate Layer... 
Delete Layer 
Lonvert to Smart Object 


Rasterlze Layer 


Disable Layer Mask 
Disable Vector Mask 


Lreate Llipping Mask 
bb. Yb 

Link Layers 
Normal select Linked Layers 


Lork: E Select Similar Layers 


1 
_َ Copy Layer Style 
Paste Layer Style 
Llear Layer Style 


Merge Down 


® 1# Merge Visible 


ونذهب الى لير الفوتر و iنeعaمStyleJ Past Layer‏ 


8 


س ن ا 


۱ 
۱ 
| 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
| 
۱ 
| 
| 
| 
۱ 
| 
۱ 
۱ 
۱ 
| 
| 
| 
| 
| 
| 
۱ 
| 
۱ 
| 
۱ 
| 
۱ 
۱ 
۱ 
| 
۱ 
۱ 
۱ 
| 
| 
۱ 
۱ 
| 
۱ 
| 
۱ 
۱ 
1 
- 
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Layer Properties... 
Blending Options... 1 
Edit Adjustment... 


Duplicate Layer... 
Delete Layer 


Lonwert to Smart bject 


Rasterıze Layer 
Disable Layer Mask 
Dısable Vector Mask 
Lreate Llıppıng Mask 


Link Layers 
Select Linked Layers 
select Sımılar Layers 
Lopy Layer Style 
Paste Layer Style 
Llear Layer Style 
Merge Layers 
Merge Visible 

: Flatten Image 


E E E O E E E E E E a E E E E E E RE REE RE EE E RRR O O RR E O E EE E aaa ., 
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و يڪون الشڪل ڪامل هڪذا 


1 


¥ 
ا‎ mmm MMH MM. _H 


E f 
E 


ا 
“يڪ 
n‏ 

Em WM 
ا‎ 

wm # 
HH 


8 
L1 
3 


E Em 


mw 


më 8 1 1 1 ۱‏ 
im EH‏ کیک ا یک ی کیک ا کیک ی اک ی کی یا یک ای وک کی ا ےک ی ی ا ت ای کے ا ی کی ی ا یک و د 
I_8‏ ا ا ا ا ا ا د ا ا ےک د د 
Lm LENE BF : 1 ë EEN EEM SSE! LE EYE E EWEN HH L3 LE FF‏ 


ے 


ونضع بعض الاضافات على الفوتر كما فعلنا على الهيدر 
نكتب عليه 1- جميع الحقوق محفوظة (يمين) 
2- اسم المنتدک انجلیزک (يسار) 
٣ i BB BB mB BA AB mi BB .‏ ا ا BL lB E‏ 8 ا ا ا ا 


2 ي ا‎ DDS 


E E E E E E Ea E E e E O E E E E E E E E E E RR E E E I RE E O E EE EE... 
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كدا يكون خلص الحهيدرو الفوتر 


باقى حاجتين هما الايطار لمن يريد عمله والخلفية 


RRR KER KKRKKRKKRKKKKKRKKRKKRKKKKKRKKKKKKKK KK 
الايطار لن نعمله بالشكل العادك (المربع) و لكن هنعمل جزء من فوق وجزء من تحت‎ 
و لكن سوف نبدا بالخلفية‎ 

يجب ان تكون متناسقة مع الهيدر والفوتر 

الخلفية ممڪن تڪون لون بس وممڪن تڪون باترن 

انا سوف اجعل الخلفية لونها اسود 
و نعمل للهيدر و الفوتر 

Blending Options = = = stroke 


و نجعل اللون ابيض علشان يظهروا من الخلفية 


E E E O E E E E E E a E a E E E E E E E RE EE RE EE E RR E O TR E GO E EE E aaa... 
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Layer Properties... 
Blending Options... 
Edit Adjustrment... 


Duplicate Layer... 
Delete Layer 
Convert to Smart Object 


Rasterlze Layer 


Disable Layer Mask 
Uisable Vector Mask 
Lreate Clipping Mask 


Link Layers 
Select Linked Layers 


Select Similar Layers 
Copy Layer Style 
Paste Layer Style 
Clear Layer Style 


Merge Layers 
Merge Visible 


Flatten Image 


Preview 


. 


Apply Stroke Effect 


e e a n mm n a n n n n am mm mm mm ÛÎ‏ س س س س س س س س س س س س س س س س س س س س س س ج ج ج ج ج ج ج ج ج د کس کد س سد س سا 


ال ا 


ll 
ا‎ 


حم 
N‏ 
e n n n n n n n n n n n n n n n n n n n n n n n n n n n n n N mm n N mm n ÎÎ‏ س س س س س س س س س س س س س س س س س س ج س س س ج ج ج ج ج ج ج ج ج ج س س س 


r, 


e e a n mm n a n n n n am mm mm mm ÛÎ‏ س س س س س س س س س س س س س س س س س س س س س س ج ج ج ج ج ج ج ج ج د کس کد س سد س سا 


مج ا 
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1- نختار اداة ال Rounded Rectangle tool‏ ونحدد ب I‏ 
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J) 


HY CONPUTER 
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e a a a n n a n n n n am am mm mm wÎ‏ س س س س س س س س س س س س س س س س س س س س س س ج ج ج ج ج ج ج ج ج د د کد س سد س سا 


< ع 
1 < 
E‏ کي 
N‏ 
س 7 
g‏ = 3 ع 
> 
ر 5 
E 4‏ 
ي 2 
2 
ع 
8 
3 
0( 
O‏ 
~e‏ ا 
سے 5 
0( 
6 
0 
tx:‏ 
RK u‏ 
ا 
5 
5 
ن 5 
> ب 
= > 
x‏ 
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لے س سد سد س سد سد س جد جد د جد جد د د د د د د د د سد د د سد سد د سد سد جد د د د جد کد کد کد د سد سد د د د د جد د د د کد کد سد س س سا 


e HY E 


مبع الوق مدفوطة 
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+O 


چ 
+ 


ج 
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الاداة للتز‎ 


MY CONPUTER 
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نبدا فى التقطيع‎ 


فی الهیدر (جزء یمین - تمدد - يسار) 
فى الايطار (جزء یمین - تمدد - يسار) 


فی الفوتر (جزء یمین - تمدد - یسار) 


نستخدم اداة ال 


a Lp E r DO LOY CN Ty, PAIL re PY 


َ 


¬ iT pT 


ا 
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Buttons jJl lel 

من الممکن نحمل اک شکل و نضعہ 

و منطقة الاقسام الرئيسية و التى يكون لونها ازرق غامق و ازرق فاتح ممكن نعمل صور ليها 
تتناسب مع التصميم 


بعد كده نحفظ التصميم 


File > Save for Web & Devices 


L + +» 9‏ ا 
نذهب الى فولدر الصور سوف نجدصور كثيره ليس لها اهمية نقوم بمسحها ونبقى على الصؤاوهمة 
Teme‏ 
ğ Downlsads‏ 


2. Hecerê Flares 
Style 10g 
gq lsbrarses 
= Elocumerts 
۴ Phra? 
î Frclııres 
E Yrfiers 
Style Lg 
E Cemguîe 
j Local Dek 0C] 
îı Bea VWokıme Im) 
îı Men Vokıme TE) 
a; RECOMEFT NF] 


Bia Netecrkt 


ذد هى اللجزاء االهسة 


ا 
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الدرس الثانى: توزيع الاستايل 


1 - نفتح برنامح محرر الاکواد الذک لدينا وiعJa File > New Page > Him‏ 


| Untitled 1 (Untitled_1.htm) - Microsoft Expr ا‎ > 
; File Edit View Insert Format Tools Table Site DataView Task Panes Window Help Type a question for help 


[None] ا‎ (Default Font] > (Default Size <| H~ - BH F7 U = = = 1 f EE r. A. MS 


E ا‎ 


Untitled_1.htm 3# 


f <IDOCTYEE htnl PUBLIC "-//W3C/ DID XHIML 1.0 Transitional//EN" "http://www .w3 .OFg/TR/xhtn1l1/DITD/xhtnl1-transitional .dtd"> Î 4di 
| <html xmlna="http: //www.wW3. Org/1999/xhtnl "> 


3 E 
I <head> 

| <meta http-equiv="Content-Type" content="text/htnl; charset=utf-8" /> 
BH <title>Untitled 1</title> 

u </head> 

2 


E Horizontal Line 
laê] Image 
Ê Inline Frame 


ESEETEEE 


هنیجی عن وسم ال <رل‌هط > 


</0۵¥ > ونكتب الكود التالى 


1 - كود للهيدر 
2 - كود للایطار 
3 - كود للفوتر 
كود الهيدز 

4DoOdy 

Aiy Clas3="Heafder™y 

tiliv clasa="Right Header"? /div? 

AIy Clas3="Left Header"; 

Za Ihre f="4"zt fay 

a href="fF"st fay 

FOIE 

ر تهب عا ةع 00 و ج ج ج ا و 


E E E E E E E E E O e E E E E E E E E E E E E E RE E E RR E TR E O E EE E Ea... 
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شرح الکود : نعمل ھا ۷ال علشان نعدل علیہ فی ال C85‏ و فی ال ۵۵۴٥!_۲؟٥ا‏ عملنا 
2 لينك علشان احنا حطين 2 زرار فى التصميم لنحدد مكانهم فى التصميم 


كود الايطار العلوك 


tûlv clasa="Etar"> 

tûlv clasa="Rigqht Etar"? /div> 

Aiy clasa="Left Etar"3</ div> 

ج يجوب ب )نع 004 E‏ ا ي ي پا ا 


كود الايطار السفلى 


و سوف نعمل تحتيهم كود تبع الايطار و لكن للجزء الاسفل 


Oliv cClas3="ELard2 "+ 

4ilvw clasa="Right Etar2"?#/div? 

Oly class=" Left Etar2"3/div?> 

ج Enid FLAT uu—————‏ س کککککگگکگک کے ا 


نعمل كود الفوتر 
بعد كده نعمل كود الفوتر 


SI <div claaa="Foogter™"y 

MM <div class="Right Footer" /div? 
<div clasasa="Left Footer" 

A <a href="F$"st fay 

3 ehh 

<div 


و لقد وضعنا فيه لينك لانه قمنا بكتابة اسم المنتدك على اليسار وهذا عبارة عن لينك 


19 


E E E E r E E E E E e E E E O E E E E E E E E E E E RR E RE E E O E E E EE, 
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خلص‎ 1۲M کده یکون ال‎ 
٥858 نبدا فی ال‎ 
م٥۵۵ نکتب هذا الکود قبل قفلت ال‎ 
<style> 


<style/> 


4head? 
meta http-equiv="Content-Type" content="text/html;: charaet=utI-B8" /?> 
4LItlIEPUnNtItIeEd 1</title?> 


<aplg> 


£ aty1e>| 
</head> 


ونبدا فى كتابة الاكواد 

بما ان كل الى كتبناه كانءءهاء ۷ال اذن كل اسم حاجة فى ال C55‏ هيكون قبلها نقطة . 
نبدأً كود الهيدر 

نقوم بوضع صورة التمدد و نجعلها تتكرر افقى ونجدد ارتفاعها 


ومن هنا فى الفولدر نعرف ابعادها 


Style _O2.gıf Date modified: T<11/-V/T* ۾‎ <01 Size: 10.7 KB 
| GIF File Dimensions: 48 x 246 Date created: +1 1/*V/T* p +< 


E E E E e E EE E O e E O E E E E E E E E E RE E E RE E E E E E RT RE O ST E E E E E aaa s., 
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وهذا هو كود الهيدر فى الاستايل 


. Header [ 
backqround-1maqe:url {(" imagea/Style O2.gif"}; 
backqround-~repeat: rEpeaT—XK? 
height: 246pK?; 


بعد كده نضع الصورة التى على اليسار و اليمين و نحدد لينكات الازرار 


اما صور اليمين و اليسار فتڪون دون تڪرار و يڪون لها تحديد مڪان (يمينأو يسار ) و 
یحدد لها ارتفاع و عرض 


I «Right Header [ 


backqround-1mage:url (" imagqea/Style O04.glif"}];‏ ج 
backqround-repeat :nıo-repeat;‏ 5 

û height: 246pXK? 

1 width: 3F TDK?, 

Ê Float:right?; 

ك 


هذا كود الصورة اليمين فيہ مكان الصورة وارتفاعها و عرضها و مكانحهاة هاا 


وهذا كود الصورة اليسار و لها س خصائص الصورة اليمين ما عدا المكان 


-Left Header [ 
backqround-imaqe:url {(" imaqgesa/Style Ol1.gif"}; 
backtlqround-repeat :ro-repeat; 
height: 246pK? 
width: 413pPK? 

Float: left; 


ويكون هذا الصورة النهائية من البرنامج 


E e E E E E E E E E e E E E E E E E E E E E E RE E E E E E TR E O E EE EE aaa ., 


e a n n n n n n n n n n n n n n nn n n n n n n n n n N mm mm mm ÎÎ‏ س س س س س س س س س س س س س س س س س س س س س ج کک ج جک کد ج ج ج ج ج ج ج کس کس کد سد سد سد س سا 


Esraa Ali Ahmed esraaali2100@yahoo.com www.mycomputer.p2h.info 


ty Favafbes | TÎ Î Suggested es ™ EÛ Wek Ece Galery ™. FÎ cagGon bar dese g 
Esma TT HE 7O B~ eer Ge” Tek Û " 


نبدا بتحدید مکان اللینکات 


سوف نعدل فی کودال ا1۲ الحاص ہالینکات لاضافة الءھاہ لتحدید مگانھا عن طریق 
CSS J‏ 


ت 7 لا اس ست 


E diy ClIass="Heafder™"s 
SI <div clasa="Rigqht Header"?¢/div> 
div class="Left Header" 


ta href="F" class="A]l"f/as 
<a href="f" classa="B2"HjJ a> . 
J </div> e 


End Header‏ ا 


Aiy Claa32="ETLar"Yy 
<div class="Right Etar"></div> 
JI <diy class="Left E ] 


US a Es iS 


. <iv Class="ETtaFi"sy 
a <div class="Right Etar2"2</div> 
Htdiv classa="Left Etar" div> 


S2divr clasa3a="Footer™y 

3 <div class="Rigqht Footer"3¢/div?> 
N SUiv class="LefL Footer"; 

"<a href="#" class="A3"3/a> 
OIF 

<div ۷ 


J < body 


E E E E e E E E O e E E E E O E E E E E E E E E E E E E E E E E 
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٤ئ۶ نذهب لکود ال‎ 
ڪود الينك‎ 
ونكتب هذا الكود‎ 
تحديد مڪان الينك‎ 
و لكن قبل كتابة نعرف الازرار موجودين فى صورة اليمين أواليسار و نكتب هذا الكود فى الصورة‎ 
position:relative 


و هذا الكود فى الينك position:absolute‏ 


1 

border: :2pK ao0lid fuchaia; 
Position: absaolute; 

left: 25pEK?; 

top: 192p? 

width: 1IÛOIpK?; 

height: 3px 


0 تا ت کم یم ف کا ا 
= 


وكذلك اللينك الثانى و حين نصل الى الثالث الذك فى الفوتر 
بعد كده نكتب كود الايطار الاعلى 


كود الايطار الأعلى 


E E E E O E E E E E a E a E E E E E E E RE E ER EE E E E RE GR O TR E O E EE aaa... 
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backqround-1mage:url (" imagqea/Style O09.gif"}]; 
backqround-repeat : repeat-x; 

2 height: 43pK?, 

}ل 
-Riqht Etar [‏ 4 

1 backqround-imaqe:url {" imagea/Style 12.gqif"}; 
backqround-repeat :no-repeat; 

TFloat:right; 

height: 43D; 

width: 209pK?, 

إ1 
i -Left Etarl‏ 

1 bacrground-image:url ['"' imagea/Style O8.gif"}; 
backqround-repeat: no-repeat; 

height: 43pK?, 

width: 203pK? 

Float: left; 


شكله فى الصفحة 
و هذا كود الايطار الاسفل 


كود الأايطار الاسفل 


E E E E O E E E O E E O E E E E E E E E E aaa... 
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„Etar [ 
backqround-1imagqe:url {(" imagqea/Style 18.gif"}?; 
backlqround-reڳpeat‎ : FeEPEaAT-—FK?; 
height: 43pK?, 
1 
. Eight Etar? { 
backqround-1imaqgqe:url {(" imagqea/Style 19.gif"} 7; 
backlqround-repeat: no-repeat; 
Tloat:right; 
height: 43pK?; 
width: 209px? 


۲ 

-LefT Etar [ 
backqround-1imaqgqe:url {(" imagea/Style 1û0.gif"}; 
backqround-reڳpeat‎ 1: NO-FrepeaT? 
height: 43DK?, 
width: 203pK? 
Float: left; 


هذا هو الشكل النهائى للايطار فى البرنامج 
باقی كود الفوتر 
نڪتب مثل كود ال الهيدر 


كود الفوتر 


E E E E O E E E O E E O E E E E E E E E E aaa... 
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.Footer f 
background-1maqe:url {(" imagea/Style 25.gif"}]; 
backqround-repeat : FEpEaATL-K; 
height: 83pPK? 

.-RKight Footer [ 
bacrqground-1I1mage :url (" imagqea/Style 20.glf"]; 
backqround-repeat :TIo-repeat; 
height: S3pPK? 
width: 28DK?; 

Tloat:rFight?; 

۲ 

-left Footer 1 
background-1maqe:url {" imagea/Style 22.gif"}] 7; 
backqround-repeat :NO-FeEpeEaT; 
height: S83pPK? 
width: 295pK? 

Float: left; 
poasitiaon:relative; 


نقوم بتحديد مكان الينك الثالث كما حددنا الاول والثانى 


ملاحظة : عند تحديد مكان الينك نکتب ال وا٥‏ & ۸لاسو كبار الحجم لتسهيل التحديد عن طريق 


الذهاب الى ال ٣9أئهل‏ فى برنامج المحرر وسوف نجده فنحركہ حتى نصل الى مكان الينك و سوف تجد انه 
تم التعدیل علی الکود الذک قمت بکتابته فی‌ال ا17۷ 


E E E EE E E E E E OE E E e O O E E E E E E E E E E E RRR GT RG E O E E SE E EEO aa .. 
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Feo {[ 

HECO COUT — GO lor = BDHlarcr kk 7 
} 
- Header ¥ 

DH TEOCOUGOUHA— Tm e :UOUFEL { " ima qes STYLE O2-G3 FT}. 

BHT COUT O— FEET = FETE TCG HEH 7 

hHe3iîitoOHTs 2A4 CGH; 


1 


} 
- RIGHT Header f{[ 

BETE COOH A— Tm eE 2: HOF lL { " Ima Gea” TCT LE O4 -GIF" ] < 

FEET COUGH OA — FEF 2 DHDO— FETHA 7 

hHhHe3itoHLs 2 4 EG 2 

LATCH = 3I TG; 

E LCGET = FLULTHTE 
} 
- LEFT Header { 

BHC EOCOUTHA— TIME UF lL { " ima Gea” FCT LE Ol-G3F"]} | 

HEC EOC OUTTA O — PTFE pG EAE 2 HIO— Fee ET 7 

Hei HT ss 2A COG; 

ww IH TH 2 41 3G; 

FEF LOL = leFLCEr 

FeEOS LEITICH = FE le TUTE < 


f 


Û‏ فا O‏ ۳ اظ 0 ت ك 0 فا 5 ل ا ظط ا ت ك 0 فا د1 


ا 


1 1 
= HOE T = sp a0ol Fucha tam r 
= FOS TEILOTH = BDI CG lute 7; 

LlLeEFLES: AD TOGO; 
= ECGOpGRS: 1I2 pr: 
5 Ii ATEH=S: DTLOIGrr 

hHe3igHLC=: 3G 


ق ا 
i DHE rT sz 2 ADE 320l Fuchs lar‏ 
FOS TI EIA OT = BEDHD3a O luLCGEe ;‏ 1 
leEFE=S DTIIEGr‏ = 
OES TEU pGE r;‏ 
wWLOEHS TLTOIpGpr‏ 
hHe3itgHLEs: 3G‏ = 


= -ETCeFr f 
1 DHECTCEOTCTOUTHA— TIME :UOFCL { " images SCT LIE O0O3F-GIAIF " 7 
1 DHT EO COUGH O — TE pH = FCO G— HE 7 
= He3iîioOHT 2 4 3G; 
= F 
- E3IGHE ECeF f 
= Bec FOUDHA— mate UF lL { " ima Gea #7 SLY LE 12-.-Gi1F"}] 7 
BHT EO COOH OA — FE GPE 3 IO— FETE 7 
E LOBE = FIGHT? 


=1 
| 
: 
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: 
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3 


wWIAOAOTEHS AUOIOG r 


- LDEFE ECtCeF {f 
د‎ BHC FCF OGOUOHA— Tm e : UF 1l { " ima Gea” SCY Le OB -GI1F"} x5 
HETE COUT — FE GEA =5 HDO— FETE 7 
Hei HETE 2 4 3GHE r 
: wWIiATHSAO3ISDGDHE? 
: FEF LICOGETE 2 leEeEFTLEr 
F 
J -ECtaeaFaê 
: DBHeTtTEOTOUGOUDHA— TIME :UFL { " ima Gea” TFC LlLeE 1A8-Gil1F " 7 
1 HET EO COUT O — FEDERE 3 CEFA G— FH 7 
He3îiogHUL = 4 3pm? 


3 


3 F 
J -HEHîiîGghHL Etar# {f 
Bet FOUGHT — mage : UF 1l { " image #7” SCY le 13-Gi1F " j 
: BETE OC OUTTA — PFE GEE = HDO— FETE ETE 7F 
1 FCLIOGOET Ss FITHTE 
He3îi OTT = 4 3G 
with = 230 3px 2| 
۹" 
E -LeEeFTL ETterFz2 f 
BHT FOGOUOHA— Tm e UF 1l { " imma Gea” SCY LE T16-G1F" } x5 
FEET EO COUT — PTET AG = IO— FETHA 7 
hHe3îiqgHTE s2 4 3pGDHEF 
e e e a DE ES a 
: FEFLICOGETE 2 leEeFTLCr 
J F 
E -FoGoTteEFr 
DH TEO TOGA — Tm HEL {( " ima qesa” SCY le 25-G F” 7 
: DHT EO COUT — FTE pEEE 3 CEFA G— HE 7 
1 He3i THT 2 8I3; 


3 


3 


SF -BEiGHL Foot er 1 

- HECE CFOUOHA— TmageE HOF 1l { " Images SCT LE 26. G1F"}] x 
: HECE COUT — FE FEE 2 DO— Peya 7 

hHe3itqgHTE = 3 3p:‏ ع 

wiATHSZA2ESG r‏ ع 

FEF LOBE = FLTHTE 

EN F 
- - LEFT Footer 1 

ID HECEOTOUOUGUDHA— TIME :UOUFL { " ima Gea” SLT le 22. GIF"}] <7 
IT HETE COUT — PTE FTEA E 2 HDO— Fee 7 

E He3îitgHCE = A3DGDHE r 

Eel WW LOCH AUSOH F7 

E LOE = lLleFTEr‏ ك 1ا 

1S Feros LELOTNT = EFE Let Uwe ;ج‎ 


I-33 f 
= BHHoTr ers =p 30l1 Fuchala r 
Gos IAEAON 2 aBHICOULuGTEE 28 
5 lIeEFES: 2A2UOpgrr 

COFFS A Torr 
width= Z23: 


۲ 


r 
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HTML 


ZOiv Clasaa="Rigqht Header"sbr 7> 
e 

Xüiv class="Left Header"; 

4a href="Ff" class="Al]"3{/ a? 

4a href="F" class="B2" fa 


Ntdiv clasa3="ETtar"y 
div class="Right Etar"2</ div> 
Ziv classa="Left Etar" div? 


I<div classa="Etar2 ">y 
iiv clasa="Right Etar" /div> 
Ziv classa="Left Etar2"3t7 div> 


{div clasa="Left Footer"y 
4a href="F" class="B3" a> 
</div> 


کدا یکون الدرس الثانی خلص خلاص 


E E E E E E E E O e E E E E E E E E E E E E E E E E E E RR RR E E O E EE E Ea, 
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الدرس الثالٹث : تركيب الاستايل 


1 - نرفع الصور المستخدمة الى ملف الصور فى الط۷ 
2 - ندخل الادارة 


اللغات والعبارات 
E APAT MAFF)‏ 


4 - نضفط على اضافة استایل جدید 


vBulletin® v3.8.6, Copyright ©2000-2011, Jelsoft Enterprises Ltd. Trans by mbcbaba 


5 - و نمل البیانات 


E E E E E E Er E E E E O E E E E E E E E RE E E RE EE E ER E E TR E OS E EE E aa... 


۱ 
۱ 
| 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
| 
۱ 
| 
| 
| 
۱ 
| 
۱ 
۱ 
۱ 
| 
| 
| 
| 
| 
| 
۱ 
| 
۱ 
| 
۱ 
| 
۱ 
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۱ 
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۱ 
۱ 
۱ 
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۱ 
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۱ 
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۱ 
۱ 
1 
- 


activate_requestemail 

قوالب مكات الاعلات + 

قوالب البوم * 

قوالب اعلات *٭ 

attachmentbit 

ATTACHMENTS 

قوالب اواد eلoەC‏ 88 *+ 
board_inactive_warning‏ 

قوالب قانمة [الاتصال) الأصدقاء *٭+ 


قوالب عرض المنتدگ/ Forum Oisplay‏ * 
قوالب الصضحة الرauuwi Forum Home/‏ # 


forumjump 
forumrules 
GENERIC_SHELL 


7 - نختار ۴١‏ ل2٥٣‏ لوضع الصورة التى صممناها 


ل 
دم 


القالب لم يتم إجراء تقييرات عليه من اللإستايل الأصلي 
القالب. فرعي مهروت من اللإأستابال الرئيسي. 
القالب تم تحدبله قى شتا اللاستابال 


E E E E E E E EE E E O e E O E E E E E E E E E RR I E E O ST E EE TE Ea... 
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board_inactive_warning 
+ قوالب قانمة ([الاتصال)] الأصدقاء‎ 


ûreen_TIT mJlaق‎ 


حمیع مجموعات القانب | <| 


قوالب الصفحة الرئنښسuة‏ /إme Forum Ho‏ + 
forumjump‏ 
القالب لم يتم إجرك تقييرات عليه من اللإستايل الأصلى 


القالب قرعى مروت من اللإسعابل الرٹيسىي 
االقالب تدر تحديله قى شذا اللاسعابال 


قوالب مادق #ه 
قوالب التحقق البشرك (اليدوى) #٭ 
قوالب التراسل الفورك به 


8 - نمسح ڪل ما مڪتوب بين < ٥و‏ ٣ه!/>‏ < ٥وها>‏ وممڪن نمسح هڏين الڪلمتين ولڪن 
انا اتركهم لتحديد و لكن مسحهم لن يضر 
9- ولكن يجب ترك هذه 
spacer_open$‏ 
phpinclude_ output $‏ 


[ad_location[ad_header_end$ 

9 بعد »¢ ۰ ٠ 1 ٠‏ 
0 و ناخد مکانهم كود الهیدر الذک فى ال ا٣١‏ و نضفط على حفظ 
1 -و بعد کدہ نضغط علی۲٥ا0oه!‏ 


2 -و نکتب تحت خالص اخر حاجة دون مسح اک شئ کود الفوتر الذک فی ال ا٣۸۲‏ 
13 -9 زد + ا على ٠‏ 2 
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vBulletin Product, تinأl‎ 
ا‎ Green_TUT الإستايل‎ 


%4!1-- cantent table --> 
$spacer_open 


$_phpinclude_ output 


Air cClaz3=" Header" 

Aiy cClas3="Right Header"z<bIE #% 

2 1 

Air clazz="Left Header" 

+a hrel="#" clasa="Al"pX faz 

ta hrel="#" clazz="Ahû 2 faz 

IY 

ج End HeafpE[----—-—--———-=========-‏ س س س ت ت ت ت ت ت = | ول ر 


THE 


5 ( 
لن‎ 
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8 header العتوان‎ 
<! -- logo --+ التالب‎ 


div class="Header"z 

div class="Right_Header"zsbr #? 
</div> 

div class="Left_ Header"z 

+a href="¥#" class="AûA1"z»tf a? 

4a href="#" class="A2"»<t faz 

4 div? 

il = End Header === 


4!-- [ogo --< 


content table --»‏ 41ا 
$spacer_open‏ 


|$_phpinclude_ output 


$ad_location[ad_header_end ] 


؛ تبه الفناحة تفلي , المناحة 
سل B~‏ 


65 
ظط‎ 
س س س س س س س س س س س س س س س س س س ج س ج س ج ج ج ج ج ج ج ج ج ج س س س‎ a n n n n n n n n n n n nn nn n n n n n n n n n n n mm n n n n n N N n mm n ÎÎ 
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* قوالب التقويم‎ 
contactus 
contactus_optiom 


شذا القالب لم يتم التعديال عليه قىي قذا اللإسعابال. 


قوالب عرض المنتدگ / yوامک0i ۴۲m‏ + 


قوالب الصتحة الرaumai s Forum Home‏ انقر مرتين على اسم القالي أو اضخط على زر تخصيص" 
forumjump‏ الآخراء تحديل على هذا القالب. 

forumrules 

Jelsoft رر قى مارس 27 200۹ الساعة 14:30 بواسطة‎ GENERIC_ SHELL 
gobutton 

|+| حميع مجموعات القانب‎ header 
headinclude 

قوالبا مساعدة # 

قوالب التحقق البشرك (اليدوک) + 

قوالب التراسل الغورگا *٭ 

J1OINREQUESTS 

e‏ القالب لمر حم إجراء تغييرات عليه مى الإستايل الأصلى 
lostpw‏ القالب قرعى. موروت من االاسعابل الرليسي. 

e cE‏ القالب تم تعدبله قي قتا اللاسعغابل 


5( 
o 
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3 4SCTIpT type= text javascrlpt 3 2 

var tzÛffset = $bbuserinfo[ timezoneoffset] + $bbuserinfo[dstonofT |] ; 

var utcOffset = new Datel j.getTimezoneOffset(} # B68} 

if (Math.abs(tzOffset + utcOffset) == 1)} 

1 ## Dst offset is 1 so its changed 
document. forms .dstform. submit ( } ; 


#!-- FF auto OST correction code --% 


SEE 

+#script type="text/ javascript" z 

دا 
Main vBulletin Javascript Initialization‏ ## 
yBulletin_init( j;‏ 


١‏ به الف احة تفنص , الس احة 
ا م 


الیحت قے , القالب 
كق | _اللجتا لسغا اسستاض س 


AIF CLIaA33="PFODOTLEL"Y> 

1 div cla3z="RIight Footer" fAivs 
Aiy Cla33="LefT PFo0LteEFr'" 

ı1 xa hrel="'#" class=" A3" aخ‎ 

2 1 

Ih 


14 بعد کدہ نضعط علی هذه الجملة التی ھی فی تبویب !!٥۵۵٥۲‏ هى قوالب 
الصفحة الرئيسية 

5 -سنلاحظ ظهوراوامر جديدة مع الهيدر 

FORUMHOME رlٽخi-‎ 16 


)65( 
O) 
س س س س س س س س س س س س س س س س س س ج س س س ج ج ج ج ج ج ج ج ج ج س س س‎ e n n n n n n n n n n n n n n n n n n n n n n n n n n n n n N mm n N mm n ÎÎ 


r, 


۱ 
۱ 
| 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
| 
۱ 
| 
| 
| 
۱ 
| 
۱ 
۱ 
۱ 
| 
| 
| 
| 
| 
| 
۱ 
| 
۱ 
| 
۱ 
| 
۱ 
۱ 
۱ 
| 
۱ 
۱ 
۱ 
| 
| 
۱ 
۱ 
| 
۱ 
| 
۱ 
۱ 
1 
- 


Esraa Ali Ahmed esraaali2100@yahoo.com www.mycomputer.p2h.info 


قوالبا مسساعدة + 

قوالب التحقق البشرگ (اليدوک) ٭# 
قوالب القتراسل الفوركا *٭ 
JOINREQUESTS‏ 

joinrequestsbit 

lightbox 

lostpw 

mailform 

قوالب معلومات ıالعحضg Member Info‏ + 
قوالب قانمة اللأعضاء #*# 

قوالب الرقابهة والمتابعه *٭ 

قوالب تعديل خبارات العضو ٭ 

قوالب المتصضح ر المستگشتi Navigation / Breadcrumb‏ # 


حغظ ترتیب العرض | |ے 


م 


FOR UPIHOPIE 

forumhome_birthday bit 

forumhome_ event 

forumhome_forumbit_levell1 | 

forumhome_ forumbît__ level1 nef 

:FORUMHOME forumhome_ forumbîit__ level2 _ mopost 

forumhome_forumbit_ level# post 

forumhonmme_lastpostby‏ هذا القالب لم يتم التعديل عليه قي شتا اللإسعابل. 

forumhome_loggedinuser 

forumhome_markread_ script‏ اتقر مرتين على اسم القاالب آو اضغط على زر 'تخصيص' 

forumhome_moderator‏ ا[حراء تعديل على شذا القالب. 

forumhome_subforumbîit_nopost 

Jelsoft جرر فى قبراير 18 2010 الساعة 18:45 بواسطة‎ forumhome_subforumbit_post 

forumhome_subforumseparator_mopost 

forumhome_subforumseparator_post‏ حصيع مجموعات القالب 
forumjump‏ 
forumrules‏ 


aENERIC_SHELL 

header 
القالب لم بحم إجراء تغييرات عليه من الإإستايل الأصلى‎ 5 SS 
قوالی التحقق البضرك [ ( 4% القالب قرعي موروتث من اللإسعابال الرئيسم.‎ 

CD ke EL la‏ القالب تم تعديله قى شذا اللإسعابل 

قوالب القراسل الورك *٭ 


1 | حخفظ ترتيب العرض || البجت قى القوالب | 


لن 
J‏ 
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تخصيڪض JIة FORUMHOME xJ‏ ماعدة ل3 
nilتڌz‏ ر yBulletin Produc‏ 

1 5 Green_TUT الإستايل‎ 
3 E العتوا‎ 
3% FORUMHOME وال‎ 
LJ $stylevar [htmldoctype] شس‎ 

shtml xmlns="http: mew. w3. org/ 1999 xhtml" dir="$stylevar[textdirection ]™ 

lang="$stylevar [ languagecode ] "+ — 

4head> 

%!l-- no cache headers --% 


4meta http-equiv="Pragma" content="no-cache" /z 
meta http-equiv="Expires" content="-1" #> 
meta http-equiv="Cache-Control" content=" 
4!l-- end no cache headers --> 
štheadinclude 
+title>sphrase 1="$vboptions [ bbtitle ]"?$vbphrase 
[#x_powered_ by_vbulletin]«/phrasezst/title?z 
4# head? 
4 body? 
Sheader 
Snavbar 


no-cache" #% 


if condition="$show[ "guest" ]"? 

4!l-- guest welcome message --? 

stable class="tborder" cellpadding="$stylevar [cellpadding]" 
cellspacing="$stylevar[cellspacing ]" border="@" width="188%" align="center" YF 


Cr‏ بص 


E 
کڪ‎ 


17 -نبحٹ عن کلمة < >٣"‏ 


</main> 


65 
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+tr align="center"™"z 


+td class="thead"zãnbsp;j <f tdz 
+td class="thead" width="188%" align="$stylevar [left ]"z$vbphrase 


[forum] 4# td? 


td class="thead"zğ$vbphrase[last_ post ]</td? 
td class="thead"z$vbphrase[threads [<td> 
td class="thead"z$vbphrase [posts ]%ftd? 


[ 
4#if condition="$vboptions [ ' showmnoderatorcolumn " ]"+ 
td class="thead"zğvbphrase [moderator ]<#td? 
4 IF2 


4f tr> 


8 - و نضع فوق < اة" > الجزء الاول من الايطار 


-Etar [ 
background-image:url {("'imagea/Style 09.gif"]z 
backqround-repeat : repeat-x; 
height: 43pK?; 

1 

- Right Etar [ 
backqround-imaqe:url {(" imagqea/Style 1*.gif"]7 
backlqround-repeat :no-repeat; 
Float: righNt?; 
height: 43pK? 
width: 2JIpK? 

1 

-left Etar{ 
bDackqround-1imaqe:url {(" imagqea/Style OS.gif"}; 
backlqround-repeat :NoO-Fepeatr 
height: 43pK?; 
width: 2J3pK? 
Float: left; 


ل 
( 


4!-- main --* 
+table class="tborder" cellpadding="$stylevar [cellpadding]" 
cellspacing="$stylevar [cellspacing]" border="@8" width="188%" align="center"? 


LENZ 


r 


۱ 
۱ 
| 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
۱ 
| 
۱ 
| 
| 
| 
۱ 
| 
۱ 
۱ 
۱ 
| 
| 
| 
| 
| 
| 
۱ 
| 
۱ 
| 
۱ 
| 
۱ 
۱ 
۱ 
| 
۱ 
۱ 
۱ 
| 
| 
۱ 
۱ 
| 
۱ 
| 
۱ 
۱ 
1 
- 


e a n n n n n n n n n n nn n n n nn n n n n n n n n n N N mm mm ÎÎ‏ س س س س س س س س س س س س س س س س س س س س س سک کد کد ج کد ج ج ج ج ج ج ج کد کد کد سد سد سد س سا 


Esraa Ali Ahmed esraaali2100@yahoo.com www.mycomputer.p2h.info 


9 و تحت < ”أة"/> الجزء الثانى من الايطار 


„Etar? [ 
backqround-1imaqgqe:url {(" imagea/Style 1û8.gif"}?; 
backlqround-reFpeat : FEPEAT-—FK?; 
height: 43D, 

1 

. Right Etar? { 
backqround-1maqe:url {(" imagqea/Style 19.g1f"}; 
backlqround-repeat : no-repeat; 

Tloat:right; 
height: 43px? 
width: 209px, 


I -Left Etar2 
backqround-1imaqgqe:url {(" imagea/Style 1û0.gif"}; 
backqround-reڳpeat‎ 1: NO-FrePpeaT? 

height: 43D, 

width: 203pK? 

Float: left; 


0 - کده یکون استخدام ال "٣1‏ خلص 
ملاحظة : يجب ان يڪون 
اسم /اسم الفولدر الذكک رفع فيہ الصور/mage background-image: Url (i‏ 
(الصور 


اك لابد ان يكون الصور امتدادها ليس الا الى الفولدر الذك فى الاة٣ةمء‏ زك الى فى الصور 
کده و انا قد رفعتها فی ال 6sو |٣‏ علطول دون انشاء فولدر 


و ليس فلادر الكمبيوتر 


1 - بعد کده نبدا نعمل اعدادات ال 8858© 
2- نختار من القائمة sءتارئیسی‏ 


E E E E E E E E E E e E O E E E E E E E RE E E RE E E E E RT RE OS E EE E aaa... 
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ل ته ج آلا تة 
e‏ 2 "ر ." " 


FORUMHORPMIE 
forumhonwve_birthday bit 
forumhome_event 
forumhome_ forumbit_levell mopost 
forumhome_forumbit_lewvell1_ post 
forumhome_ forumbit_level# nopost 
forumhome_forumbit_ levwel#_ post 


شذا القالب تم تعديله مىن قبل قى االاستايل الحالى. 


إفقر مرتين على اسم القالي أو اخضط على زر #عديل" 

forumhome_subforumbit_mopost‏ للتحديل عليه. 
forumhonmve_subforumbit_ post‏ 
forumhome_subforumseparator_mopost‏ 
forumhome_subforunıseparator_post‏ 

forumjump 

forumrules 

aENERICL_ SHELL 

gqobutton 

header 

headinclude 

قوالب مساعدة ٭+ 

قوالب التحقق الیشرگ (الیدوگ) *# 

قوالی التہ اسا . الفدگ ٭+ 


يمكتك أيضاً مشاشدة القالب الأصلى, ومشاشدته قبل 
التعديل عليه بتسخته الاصلية, بالضغط على زر 'مشاشدة 
الأضل . 
حرر قي بوليو 21 2011 الساعة 13:05 بواسطة ال ھھEsr‏ 


[< | حميع مجموعات القالب 


مغاتيح الألوات 


VGIQMCINAG 


FORUMHOME‏ لے التو 
forumhonwve__birthday bit‏ اة قالب کی 

forumhome_event‏ إرجاع كافة القوالب 
forumhome_forumbit_level1_nopost‏ تعد القطوط لاسرال ا . 

forumhome_forumbit_level1 post‏ حار ات جعي اإستايست 
forumhome_forumbit_level2_nopost‏ القو الب Common Templates, aii‏ 
forumhome_forumbit_leveld post‏ 


tforumhonme_moderator 

torumhonwve_subforumbit_nopost 

forumhonmye_subforumbit_post 

forumhonwve_subforumseparator_nmopost 

tforumhonyve_subforumseparator_post 
forumjump 


جرر قي بوليو 21 2011 الساعة 13:05 بlgںaێۍة Esraa Alî‏ 


ححح متججو عابت لصالا 


قوالب التحقق البشرك (اليدوك)] *٭ 
قوالب القراسل الغورگا *٭ 
JOINREQUESTS‏ 


MTONEZ 1:‏ چ 
١ U 2‏ 


Am mI MPS‏ < ۰ ا 


سا , سر ,۽ بد ADT |) een‏ 


س ت ن ا 
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2- فى اخر الصفحة نجد هذه 


تعاریتف Additional CSS Definitions ausةlاخضئإلا C55‏ مساعدة ل 
ع م | |.pagenav tû { Fadding: #PpX ûãpK 2px pk;‏ 
ذا شتت تر رذ أصعاقة | : 
de-emphasized text */ lT‏ *%***** * 
„shade, a.shade:link, a.shade:visited {[ color: $#TTTTTT; text-decoration: none; | LT‏ 
تقال حك القحصنصنة لت آي 1 ت ا ا 
a. aShade:active, a. ahade:hover {[ color: FEFF4400; text-decoration: underline? | 1 TET o‏ 
ا .tLCat „shade, .thead .shade, .tfoot .shade {[ color: #DDDDDD: } TET‏ 


2 بطاغة دع | ساج‎ 
j *# ##xx** {define margin and font-size for elementa inside panels *%%%% #F 

jl. Fieldset { margin-bottom: pK? |} E 

lLeEldaet, .Fieldsaet TA, .Fieldset Fp, .Tieldset li { font-size: lIpK? } 


3 = 8 3 
تو سنه الهاحة تقلنص , آله احة 
tj‏ 8 


ننسخ فیها کل ما فی صفحة ال٤٥‏ 


ظط 
NJ‏ 
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تعاریف Additional CSS Definitîons/ aılضإلاl C55‏ مساعدة ل8 


j#* #eR##* atylirg for "big" usernames on poatbhit etc, %44 #, | © E EE 
.biguszername { font-size: 14pt: } 


إا كتت تريد إضافة أي 


55 إضاقی للا تسد في 


f # xxx##* amall padding on "thead" elementa ***%4% #7 n 
tû.thead, th.thead, div.thead {[ padding: 4px: } E 


f # #xx#* bHasic atylea for multi-page nav elementa *7/ 
„.paqenav a [ text-decoration: none; 1| 
„.paqenav tû { padding: #pK 4px #pxK 4pK; | 


¥ 
background-image :url ("images/Style_04 qiF"} 7 د‎ 
backqround-repeat : no-repeat; 
height: 24Ö6pXK? - 
width: 3I9 TpK? 
Float:rFight; 
.lTefFT Header { 
backqround-imaqe: url {(" imaqes/Style O1.gqif"}; 
backqround-repeat : no-repeat; 
height: 246px; ٠ 
تو سيه الفناحة تقليص, ااه احة‎ 
] | (التخصيص قى هذا اللإاستابل) تراج‎ 


و بعد كده نفير فى بعض الاشياء ليكون المنظر متكامل 


3- نذهب الى اعلى عند خلفية الصفحة و نغير اللون الى اسود 


ظط 
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٣ل مساعدة‎ Page Background aةخëèصلا‎ ةuفلخ‎ 
خواص ك5 القياسية خواص 055 اللاضاقيه‎ 


الخلقية  srrFFFF ١‏ 5 
لون الخط ™goo0000‏ 
8 : ك 


ا الوصت 
ححد الخط EME‏ أ :ةة" تق اناب ج آلو ل 1 لخلقية ۳ لتص آأمتط ةة الدآحارة آأد ةة 7 
ت 
تجطها اصورد 
توم لط 
طییعتا روابط کک الروانط الهزارة روابط كك تار حح روابط 055 


و بعد کده نضغفط علی حفظ 
و نشاهد المتتدک 


ظط 
ظط 
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Computer Ya 


المتواحدون الآن: 1 [الأعضاء 1 والزوار 0] 


2 أتبر تواجد بالفتتدى كان: 2 بتاريخ 2011-19-07 الاعة 12:21 ۴% 
EsraaÃli‏ 


Computer تluilصح-|‎ 


لمراضيع: 1, المشاركات: 1, الأعضاء: 1, الاعت 


ترحب بالعضو الجذيذ, ااشوھs۲ع‏ 


Green_ TUT -- 


اخر حاجة كل واحد يفير الوان التوزيع حسب الرغبة لان الازرق لا يليق على الاخضر و لكن تختلف الازواق فى توزيع 
باقی الوان فی ال °88 


و لكن كده الهيدر + الفوتر + الايطار خلص الحمد الله 


ظط 
U1‏ 
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ڪده ڪون الاستايل خلص دون وجود اک مشاڪل فيه 


السلام عليكم و رحمة الله و بركاته 


اع داد : 


إسراء على أحمد 
Esraaali2100@yahoo.com‏ 
منتدیات کمییو ر 


www.mycomputer.p2h.info 
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